
#{extends 'template.html'/}

  <body>

	  
	  
	  
	  
	  
	  
	  
	  <!-- CONTAINER -->
	  
	  
	  <div class="container topo">
		  
		  
		  <div class="row primeiraLinha">
			
			
			<div class="col-md-4 logo">
				
					<a href="@{Application.index()}">
					  		<img class="marginLogo" src="@{'/public/images/home_logo.png'}" />
				  		</a>
				
			</div>
			  
			 
			
			<div class="col-md-3 col-md-offset-5 inscrevaSe">
				
				<a href="#" class="btn btn-default btnInscrevaSe">Inscreva-se</a>
				
				
			</div>
			
			
			
			
			<div class="row">
				
				<div class="col-md-12 titulosTxt">
				
				<h1 class="homeTitulo">viva experiências locais</h1>
				<h2 class="homeSubTitulo">descubra atividades com pessoas que falam sua língua nativa</h2>
				
				</div>
				
				
			</div>
			
			
			<div class="row">
				
				<div class="col-md-12 cidades">
				
				
					<ul>
					
						<li><a href="#">Fortaleza</a></li>
						<li><a href="#">Brasília</a></li>
						<li><a href="#">Madrid</a></li>
						<li><a href="#">Barcelona</a></li>
						<li class="ultima"><a href="#">São Francisco</a></li>
						
						
					</ul>
				
								
				</div>
				
				
			</div>

			
			
			
			
			
			
			
			<div class="setaBaixo">
				
				<a href="#">
					
					<img src="@{'/public/images/setaBaixo.png'}" />
					
				</a>
				
			</div>
			
			  
			  
		  </div><! /row primeiraLinha -->
		  
		  
		  
	  </div><!-- FIM CONTAINER -->
	  
	  
	  
	  





	   <!-- MENSAGEM -->
	  <div class="container mensagem">
		  
		  <div class="row">
			  
			  
			  <div class="col-md-12 legendaTxt">
				  
				  
				  <h1 class="tituloContHome">Resumo da Compra</h1>
				 
				  
				  
			  </div><!-- /col-md-12 -->
			  
			  
		  </div><!-- / row -->
		  
		  
		  <div class="row mTop">
			  
			  <div class="col-md-3"></div>
			  
			  <div class="col-md-6">
			  
			  
			  <div class="carrinho_resumo">


<table class="table table-hover" id="carrinho">
   <thead>
     <tr >
       <th>Experiencia</th>
     <th>Quantidade</th>
     <th>Valor Unitário</th>
     <th>Valor Total</th>
   
     </tr>

</thead>
<tbody><tr id="${exp.exp_titulo}">             <td class="dadosExpCarrinho">                  <figure>                     <img src="${exp.exp_caminho_ima_home}" alt="${exp.exp_titulo} | ${exp.exp_cidade}, ${exp.exp_estado}" width="167" height="109">                 </figure>                  <div>                     <a class="tit tit06" title="Tour Petrópolis" href="#">${exp.exp_titulo}</a><!-- limitar a 30 caracters -->                     <p>Data: <b> 30/06/2014 </b></p>                                                  <a class="editar link link02" href="" title="alterar data">alterar data</a>                                      </div>              </td><!-- dadosExpCarrinho -->              <td class="resumo_quantidade" id="Tour-Petropolis_qt">                 <select>                     <option value="1" selected="selected">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option>                 </select>                 <input type="hidden" value="30" name="dia">                 <input type="hidden" value="6" name="mes">                 <input type="hidden" value="2014" name="ano">             </td><!--resumo_quantidade-->              <td class="resumo_valorUni">                 <p class="price">${exp.exp_preco}</p>             </td><!-- resumo_valorUni -->              <td class="resumo_valorTotal">                 <p class="price">${exp.exp_preco}</p>             </td><!-- resumo_valorTotal -->              <td class="resumo_remover">                 <a href="javascript:void()" class="remove tooltip" title="Remover experiência do carrinho">x</a>             </td><!-- resumo_remover -->         </tr></tbody></table>

<div class="carrinho_resumoSubtotal">
<span>Subtotal:</span>
<p class="price">${exp.exp_preco}</p>
</div> 
<div class="carrinho_resumoTotal">
<span>Total:</span>
<p class="price">${exp.exp_preco}</p>
</div> 
</div>
			
			
			
			
				  
			
			  
			  
				  <form action="https://www.sandbox.paypal.com/cgi-bin/webscr" method="post">
	<input type='hidden' value="${exp.exp_preco}" name="amount" />
	<input name="currency_code" type="hidden" value="EUR" />
	<input name="shipping" type="hidden" value="0.00" />
	<input name="tax" type="hidden" value="0.00" />
	<input name="return" type="hidden" value="http://speakrs.me/experiencias/success" />
	<input name="cancel_return" type="hidden" value="http://speakrs.me/experiencias/fail" />
	<input name="notify_url" type="hidden" value="http://speakrs.me/experiencias/validation" />
	<input name="cmd" type="hidden" value="_xclick" />
	<input name="business" type="hidden" value="seller@mail.com" />
	<input name="item_name" type="hidden" value="${exp.exp_titulo}" />
	<input name="no_note" type="hidden" value="1" />
	<input name="lc" type="hidden" value="PT" />
	<input name="bn" type="hidden" value="PP-BuyNowBF" />
	<input name="custom" type="hidden" value="3" />
	<input style="border-style: none;" alt="Effectuez vos paiements via PayPal" name="submit" src="https://www.paypalobjects.com/webstatic/mktg/merchant/pages/express-checkout/express-checkout-hero-sg.png" type="image" /><img src="https://www.paypalobjects.com/webstatic/mktg/merchant/pages/express-checkout/express-checkout-hero-sg.png" border="0" alt="" width="1" height="1" />
</form>
				  
			
			
			
			
			
			
			
			
			
			
			
			<form method="post" target="pagseguro"  
action="https://pagseguro.uol.com.br/v2/checkout/payment.html">  
          
        <!-- Campos obrigatórios -->  
        <input name="receiverEmail" type="hidden" value="suporte@lojamodelo.com.br">  
        <input name="currency" type="hidden" value="BRL">  
  
        <!-- Itens do pagamento (ao menos um item é obrigatório) -->  
        <input name="itemId1" type="hidden" value="0001">  
        <input name="itemDescription1" type="hidden" value="${exp.exp_titulo}">  
        <input name="itemAmount1" type="hidden" value="${exp.exp_preco}">  
        <input name="itemQuantity1" type="hidden" value="1">  
        <input name="itemWeight1" type="hidden" value="1000">  
        <input name="itemId2" type="hidden" value="0002">  
        <input name="itemDescription2" type="hidden" value="Notebook Rosa">  
        <input name="itemAmount2" type="hidden" value="25600.00">  
        <input name="itemQuantity2" type="hidden" value="2">  
        <input name="itemWeight2" type="hidden" value="750">  
  
        <!-- Código de referência do pagamento no seu sistema (opcional) -->  
        <input name="reference" type="hidden" value="REF1234">  
          
        <!-- Informações de frete (opcionais) -->  
        <input name="shippingType" type="hidden" value="1">  
        <input name="shippingAddressPostalCode" type="hidden" value="01452002">  
        <input name="shippingAddressStreet" type="hidden" value="Av. Brig. Faria Lima">  
        <input name="shippingAddressNumber" type="hidden" value="1384">  
        <input name="shippingAddressComplement" type="hidden" value="5o andar">  
        <input name="shippingAddressDistrict" type="hidden" value="Jardim Paulistano">  
        <input name="shippingAddressCity" type="hidden" value="Sao Paulo">  
        <input name="shippingAddressState" type="hidden" value="SP">  
        <input name="shippingAddressCountry" type="hidden" value="BRA">  
  
        <!-- Dados do comprador (opcionais) -->  
        <input name="senderName" type="hidden" value="José Comprador">  
        <input name="senderAreaCode" type="hidden" value="11">  
        <input name="senderPhone" type="hidden" value="56273440">  
        <input name="senderEmail" type="hidden" value="comprador@uol.com.br">  
  
        <!-- submit do form (obrigatório) -->  
        <input alt="Pague com PagSeguro" name="submit"  type="image"  
src="https://p.simg.uol.com.br/out/pagseguro/i/botoes/pagamentos/120x53-pagar.gif"/>  
          
</form>  
			
			
			
			
			
			
			
			
			
			
			
				 <form class="form-horizontal" role="form" action="@{Experiencias.cadastrarExperiencia(email)}" enctype="multipart/form-data">
					
						  <div class="form-group">
					
						    <input name="email.ema_nome" type="text" class="form-control msgInput" id="exampleInputEmail1" placeholder="Seu nome">
						    <input name="email.ema_email" type="email" class="form-control msgInput" id="exampleInputEmail1" placeholder="Seu email">
						    <input name="email.ema_telefone" type="text" class="form-control msgInput" id="exampleInputEmail1" placeholder="Telefone para contato">
						    <input name="email.ema_idioma" type="text" class="form-control msgInput" id="exampleInputEmail1" placeholder="Língua nativa">

						    <textarea name="email.ema_texto" class="form-control msgInputTA" rows="5" placeholder="Dúvida ou comentário"></textarea> 

						    
						    <button type="submit" class="btn btn-default btnEnviarMsg">Enviar</button>
					
						  </div>
					  
					  </form>
				  
				  
				  
			  </div>
			  
			  <div class="col-md-3"></div>
			  
			  
		  </div>
		  
	  </div><!-- FIM MENSAGEM -->
	  
	  
	  
	  	 <div class="container rodape">
		  
		<div class="row col-centered">
			
			<div class="col-md-4">
				
				<p class="copy">Copyright © Speakrs 2014</p>
			
			</div>
			
			<div class="col-md-3 col-md-offset-5 icoRedes">
				
				<a href="#" target="_blank">
					<img src="@{'/public/images/ico_facebook.jpg'}" />
				</a>
				
				<a href="#" target="_blank">
					<img src="@{'/public/images/ico_twitter.jpg'}" />
				</a>
				
			</div>
			
		</div>
				  
	  </div><!-- /container -->

	  








    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
   
  </body>